<template>
	<view class="succeed-page">
		<view style="height: 82upx;"></view>
		<image src="/static/succeed-image.png" style="width: 237upx;height: 239upx;"></image>
		<view class="title-text">操作成功</view>
		<view class="title-desc">预约完成，请联系您所属分公司进行预约审核确认。</view>
		<view class="button-view">
			<FloatButton style="margin-top: 60upx;" @click="onNavTransaction">查看记录</FloatButton>
			<FloatButton :columnStyle="columnStyle" @click="onBackHome">返回首页</FloatButton>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				columnStyle: 'border: 1px solid #FF2615;color: #FF2615;margin-top: 18upx;'
			}
		},
		onLoad() {},
		onShow() {},
		methods: {
			onNavTransaction() {
				uni.switchTab({
					url: '/pages/transaction/transaction'
				})
			},
			onBackHome() {
				uni.switchTab({
					url: '/pages/index/index'
				})
			}
		}
	}
</script>

<style scoped lang="scss">
	.succeed-page {
		width: 100%;
		@extend .column;

		.title-text {
			font-size: 33rpx;
			font-family: PingFangSC, PingFang SC;
			font-weight: 600;
			color: #2C1101;
			margin-top: 24upx;
		}

		.title-desc {
			margin-top: 27upx;
			font-size: 25rpx;
			font-family: PingFangSC, PingFang SC;
			font-weight: 600;
			color: #B8ACA3;
		}

		.button-view {
			width: 100%;
			padding: 0 63upx;
		}
	}
</style>